// Handsontable Select Editor

@mixin output {
  .htSelectEditor {
    position: absolute;

    select {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      padding: calc(var(--ht-cell-vertical-padding, 4px) + 1px)
        calc(var(--ht-cell-horizontal-padding, 8px) + 1px);
      padding-right: 26px;
      margin: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: var(--ht-cell-editor-foreground-color);
      background-color: var(--ht-cell-editor-background-color, #ffffff);
      font-family: inherit !important;
      font-size: inherit !important;
      line-height: inherit !important;
      box-shadow: inset 0 0 0 var(--ht-cell-editor-border-width, 2px)
          var(--ht-cell-editor-border-color, #1a42e8),
        0 0 var(--ht-cell-editor-shadow-blur-radius, 0) 0
          var(--ht-cell-editor-shadow-color, transparent);
      border: none;
      box-sizing: border-box;
      -webkit-appearance: none !important;

      &:focus {
        outline: none;
      }
    }

    .htAutocompleteArrow {
      top: 50%;
      transform: translateY(-50%);
      margin-inline-end: 4px;
      z-index: 1;
      pointer-events: none;
    }
  }
}
